<style>
    .form-copy {
        margin-right: 5px;
        border-radius: 0;
        box-shadow: none;
        padding: 4px 12px 7px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        border: 1px solid #ccc;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
    .select2 {
        margin-right: 5px
    }
</style>
<div class="btn-group" style="margin-right: 10px">
    <form action="{{ $action }}" pjax-container method="get">
        <input style="width: 110px" type="text" id="s_date" name="s_date" value="{{ $filtersBlade['s_date'] }}" class="form-copy" placeholder="开始日期">
        <input style="width: 110px" type="text" id="e_date" name="e_date" value="{{ $filtersBlade['e_date'] }}" class="form-copy" placeholder="截止日期">
        <input type="text" class="form-copy" style=" width:150px;" name="planId" value="{{ $filtersBlade['planId'] }}" placeholder="PlanId">
        <input type="text" class="form-copy" style=" width:150px;" name="name" value="{{ $filtersBlade['name'] }}" placeholder="Name">
        <select id="status" name="status">
            {{ $filtersBlade['status'] }}
        </select>
        <button class="btn btn-sm btn-info submit"><i class="fa fa-search"></i>&nbsp;&nbsp;{{ trans('admin.search') }}</button>
        <a style="margin-left: 10px;" href="{{ $action }}" class="btn btn-sm btn-default"><i class="fa fa-undo"></i>&nbsp;&nbsp;{{ trans('admin.reset') }}</a>
    </form>
</div>
<script language="JavaScript" type="text/javascript">
    $(function () {
        $('#s_date').datetimepicker({"format":"YYYY-MM-DD","locale":"zh-CN","allowInputToggle":true});
        $('#e_date').datetimepicker({"format":"YYYY-MM-DD","locale":"zh-CN","maxDate":moment(),"allowInputToggle":true});
        $('#status').select2({placeholder: '状态', allowClear: true, width: '100px'});
    });
</script>
